.home{
  .head{
    width: 100%;
    position: absolute;
    z-index: 10;
    .head-group{
      height: 1rem;
      padding: 0 .24rem;
    }
    span{
      height: .6rem;
      line-height: .6rem;
    }
    .address-group{
      max-width: 1.8rem;
      height: .6rem;
      line-height: .6rem;
      margin-right: .24rem;
      color: #fff;
      .address{
        max-width: 1.4rem;
        font-size: .28rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
      }
    }
    .marginL10{
      position: relative;
      top: -.18rem;
      margin-right: .1rem;
    }
    .search{
      position: relative;
      border-radius: .5rem;
      padding: 0 .2rem;
      background: #fff;
      .icon{
        position: absolute;
        font-size: .36rem;
        color: #ccc;
        top: -.03rem;
        right: .28rem;
      }
    }
  }
  .site-popup{
    width: 100%;
  }
  .xm-swipe{
    height: 4.3rem;
    z-index: 1;
    background-color: red;
  }
  .cate-nav{
    padding-top: .22rem;
    padding-bottom: .24rem;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
    .cate-item{
      font-size: .26rem;
      color: #666;
      margin-left: .48rem;
      margin-right: .08rem;
      &:last-child{
        padding-right: .48rem;
      }
      img{
        width: 1.06rem;
      }
      p{
        margin-top: .2rem;
        text-align: center;
      }
    }
  }
  section{
    .tit{
      height: 1rem;
      line-height: 1rem;
      font-size: .22rem;
      text-align: center;
      color: #999;
      background: #f5f5f5;
      padding-left:0 ;
      span{
        position: relative;
        color: #FF4886;
        letter-spacing: .2rem;
        &:before{
          position: absolute;
          top: 0rem;
          left: -1rem;
          content: ' ';
          width: .75rem;
          height: .28rem;
          background-image: url("../../assets/images/tl.png");
          background-size: 100%;
          background-repeat: no-repeat;
        }
        &:after{
          position: absolute;
          top: 0rem;
          right: -0.8rem;
          content: ' ';
          width: .75rem;
          height: .28rem;
          background-image: url("../../assets/images/tr.png");
          background-size: 100%;
          background-repeat: no-repeat;
        }
      }
    }
    .group-left{
      width: 50%;
      text-align: center;
      box-sizing: border-box;
      padding-right: .05rem;
      img{
        width: 2rem;
        max-height: 2rem;
        //height: 3.2rem;
      }
      h3{
        margin-top: .2rem;
        font-size: .26rem;
        color: #333;
      }
      p{
        margin-top: .15rem;
        font-size: .2rem;
      }
    }
  }

  .img-list{
    background: #fff;
    .group-left{
      overflow: hidden;
      border-color: #f5f5f5;
      width: 50%;
      a{
        width: 100%;
        height: 100%;
      }
      img{
        width: 100%;
        max-height: 100%;
      }
    }
    .group-right{
      width: 50%;
      padding-left: .05rem;
      box-sizing: border-box;
    }
    .marginTop10{
      margin-top: .1rem;
    }
    .group-item{
      width: 100%;
      a{
        width: 100%;
      }
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .ad-list{
    margin-top: .1rem;
    img{
      width: 100%;
      max-height: 2.5rem;
    }
  }
  .like-goods{
    width: 100%;
    display: inline-block;
    .tit{
      font-size: .26rem;
    }
     .goods-item{
       width: 50%;
       padding-top: .1rem;
       padding-bottom: .24rem;
       box-sizing: border-box;
       background-color: #fff;
       float: left;
       .pad-24{
         padding: 0 .24rem;
       }
       img{
         width: 100%;
         height: 50vw;
       }
       .goods-name{
         margin-top: .16rem;
         font-size: .24rem;
         color: #333;
         height: .33rem;
         line-height: .33rem;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
       }
       .price{
         height: .3rem;
         line-height: .3rem;
         margin-top: .16rem;
         font-size: .32rem;
         color: #FF4A4A;
         em{
           font-size: .24rem;
         }
         span{
           margin-left: -.072rem;
         }
         .num{
           font-size:.24rem;
           color: #ccc;
         }
       }
       .tags{
         height:.38rem;
         margin-top: .3rem;
       }
       .company{
         position: relative;
         margin: .3rem 0 0;
         color: #ccc;
         font-size: .22rem;
         line-height: .24rem;
         .store{
           width: .20rem;
           height: .2rem;
           background-image: url("../../assets/images/store.png");
           background-repeat: no-repeat;
           background-position-y: 0.025rem;
           background-size: .20rem .18rem;
           display: inline-block;
           margin-right: .05rem;
         }
       }
     }
  }
  .prompt{
    font-size: .24rem;
    text-align: center;
    color: #949596;
    height: .8rem;
    line-height: .8rem;
  }
}
